<html>

	<head>
		<meta charset="UTF-8">
		<title>
			Victoria
		</title>
	</head>

	<body>
		<div class="welcome">
			<div>
				<p> 欢迎访问我的网站</p>
				<div   class="nav-bar">
					<div>
						<ul> 
							<li><a href="html/home.html" id="main" target="myFrameName">主站</a></li>
							<li><a href="html/photography.html" target="myFrameName">摄影天地</a></li>
							<li><a href="html/conversation.html" target="myFrameName">三味书屋</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div style="height: 70%;width: 90%;margin:50px auto;border-radius: 10px;">
				<iframe id="myFrameId" name="myFrameName" frameborder="0" style="width: 100%;height: 100%;border-radius: 10px;background-color: white;">
					
				</iframe>
			</div>
		</div>

	</body>
	<style type="text/css">
		.welcome {
			background-image: url('http://ssyerv1.oss-cn-hangzhou.aliyuncs.com/picture/b7cc95bbe7be4d0c820455e1c77e25f0.jpg');
			color: white;
			height: 100%;
			background-position: 10% 40%;
			background-size: 100%
		}
		
		ul li {
			height: 50px;
			list-style-type: none;
			float: left;
			margin-left: 20px;
			line-height: 50px;
			font-size: 21px;
		}
		.nav-bar{
			height: 50px;
			background-image: url('http://ssyerv1.oss-cn-hangzhou.aliyuncs.com/picture/b7cc95bbe7be4d0c820455e1c77e25f0.jpg');
			color: white;
			background-attachment: fixed" ;
			background-position: 10% 40%;
			background-size: 100%
		}
		a{
		color: white;	
		}
	</style>
 <script>
 	window.onload=function(){ 
    var t=document.getElementById('main').click();
} 
 </script>
</html>